/* 
    Document   : estilo-1
    Created on : Apr 29, 2011, 8:44:44 PM
    Author     : Luis Alberto
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
    /*background-image: url(img/fondo.jpg);*/
    font-family: Verdana;
    /*font-size: 10px;*/
    font-style: normal;
    margin: 0px;
    font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#333333;
    background-color:#ffffff;
}
#logo_session
{
	float:left;
	padding-top:0px;
	padding-left:20px;	
}
#menu_info_user
{
	float: right;
	font-size: 11px;
	padding-top: 15px;
	margin-right: 20px;
}

/* CSS para el men� desplegable Horizontal*/
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.5em;	
        /*font-weight:bold;*/
	background: url('img/topnav_stretch.gif') repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover 
{ 
	background: #EEEEEE url('img/topnav_active.gif') repeat-x;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 10px 0;
	position: absolute;
	left: 0; 
	top:33px;
	display: none; /*--Hide by default--*/
	width: 100%;
	/*background: #1376c9;*/
	background:#EEEEEE;
	color:#000000;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span 
{ 
	display: block;
	color:#000000;
} /*--Show subnav on hover--*/
ul#topnav li span a 
{ 
	display: inline;
	color:#003366;
	/*font-weight:bold;*/
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover 
{
	text-decoration: underline;
	color:#003366;
	/*font-weight:bold;*/
}
#info_usuario_sesion
{
	width:100%;
	margin:0px;
	overflow:auto;
	background-color:#EEEEEE;
	height:50px;
}
div.spacer
{
	clear:both; 
	height:5px; 
	display:block;
}
#contenedor
{
	width:100%;
	overflow:auto;
	margin:0 auto 0;
	background-color:#FFDFAA;
	/*background-color:#FFFFFF;*/
	border:solid 0px #FFFFFF;
	/*height:500px;*/
	color:#333333;
}
#encabezado
{
	overflow:auto;
	width:100%;
	/*margin:0 auto 0;*/
	height:30px;
	/*border:solid 0px #FFFFFF;*/
	background-color:#EEEEEE;
}
#menu_principal
{
	overflow:auto;
	width:100%;
	/*margin:0 auto 0;*/
	height:75px;
	/*border:solid 0px #FFFFFF;*/
	background-color:#EEEEEE;
	color:#FFFFFF;	
}
.breadcrumb 
{
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	height:20px;
	background:#FFFFFF;
	padding-top:45px;
	padding-left:15px;
}
#main
{	
	width:100%;
	overflow:auto;
	margin-top:0px;
	background-color:#ffffff;
}
#main_center
{
	width:80%;
	float:left;
	background-color:#ffAFFA;
	min-height:340px;
}
a:link 
{
	text-decoration: none;
	/*font-weight:bold;*/
	color:#800000;
	font-size:11px;
}
a:hover 
{
  font-size:11px;
  color: #800000;
  text-decoration: underline;
  /*font-weight:bold;*/
}
a:visited
{
	font-size:11px;
  	color: #800000;
  	text-decoration: underline;
}

#pie
{
	
	width:100%;
	margin:10px 0px 20px 0px;
	overflow:auto;
	background-color:#EEEEEE;
	height:50px;
	padding: 0px 0px 0px 0px;
	border:solid 0px #FFFFFF;
	text-align:center;
	color:#333333;
	clear: both;
	font-size: 11px;
}
#pie a 
{
	color:#333333;
	font-size:11px;
}
#pie_enca
{
	width:100%;
	padding: 5px 20px 5px 0px;
	float:right;
	margin:0px;
	text-align: right;
	background: url('img/topnav_stretch.gif') repeat-x;
	color:#FFFFFF;
	/*background-color:#f2f2f2;*/
	
	/*background-color:#000000;*/
}
#pie_enca a 
{
	color:#CCCCCC;
	font-size:11px;
}

/* CSS Para el Template Iniciar_Session */

#session_contenedor
{
	margin: 5% 30% 10% 30%;
	padding: 0px 0 35px;
	/*background-color:#EEE;*/
}
.login
{
	margin: 5px 0;
}
.texto_sesion
{
	font-size:12px; 
	color:#222222;
}
.inputtext
{
	width: 240px;
}
.session_cont
{
	background-color:#EEE;
	border: 1px solid #DDDDDE;
	padding: 10px;
	margin: 10px 10px 25px 10px;
	border-radius: 5px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
/* CSS Para el Template Iniciar_Session */

/* CSS Para el Boton Buscar */
.boton_buscar
{
        background-color: #333333;
	color:#CCCCCC;
	border-color:456;
	border-width:4;
	curve-height:10;
	max-width:1600;
	width:90px;
	cursor: pointer;
}
#buscador
{
	background:#FAFAFA;
	background:-webkit-gradient(linear,left top,left bottom,from(#FAFAFA),to(#eaeaea));
	background:-moz-linear-gradient(left top,left bottom,from(#FAFAFA),to(#eaeaea));
	border:solid 1px #999999;
	width:90%;
}
#abecedarios
{
	background:#FAFAFA;
	background:-webkit-gradient(linear,left top,left bottom,from(#FAFAFA),to(#eaeaea));
	background:-moz-linear-gradient(left top,left bottom,from(#FAFAFA),to(#eaeaea));
	/*border:solid 1px #999999;*/
	text-align:center;
	padding:4px;
}
/* CSS Para el Boton Buscar */

/* CSS Para las tablas de Listado */
.lista{
	width:100%;
	border:3px double #f2f2f2;
	margin:15px 2px;
}

.lista tr{
	height:20px;
}
.lista tr:hover{
	background:#FAFAFA;
	background:-webkit-gradient(linear,left top,left bottom,from(#FAFAFA),to(#eaeaea));
	background:-moz-linear-gradient(left top,left bottom,from(#FAFAFA),to(#eaeaea));
}
.lista tr.estatico{
	background:#f2f2f2;
}

.lista th,
.lista td,
.lista td a{
	padding:2px;
	font-size:13px;	
	vertical-align:top;
}

.lista td a{
	color:#800000;	
}

.lista td a:hover{
	text-decoration:underline;
}

.lista th{
	background:url(./images/text-bg.gif) #ffffff repeat-x;
	border-bottom:3px double #f2f2f2;
	line-height:20px;
	border-right:3px double #f2f2f2;
	text-align:center;
}

.lista td{
	border-right:1px solid #f2f2f2;	
	border-bottom:1px solid #f2f2f2;
	line-height:20px;	
}
/* CSS Para las tablas de Listado */
.redsocial_icon
{
	/*display:inline;*/
	border-width:0;
	margin:0; 
	padding-top:3px;
	padding-left:10px;
	padding-bottom:3px;
	padding-right:10px;
}


/* Redes Sociales */

#main2
{	
	width:100%;
	overflow:auto;
	margin-top:2px;
	background-color:#dceff9;
}
#main_left2
{	
	width:20%;
	/*width:auto;*/
	float:left;
	background-color:#c0deed;
	min-height:300px;
}

#main_center2
{
	width:60%;
	float:left;
	/*background-color:#f2f2f2;*/
	background-color:#ffffff;
	min-height:400px;
	
	/*background-color: #FFFFFF;*/
	/*
	border-top: 1px dotted #1d4088;
	border-bottom: 1px dotted #1d4088;
	border-left: 1px dotted #1d4088;
	border-right: 1px dotted #1d4088;
 */
}
#main_right2
{
	width:20%;
	float:right;
	background-color:#c0deed;
	min-height:300px;
}
div.spacer2
{
	clear:both; 
	height:10px; 
	display:block;
}

.textbox 
{
	width: 500px;
	font-size: 14px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	height: 37px;
}
.count_text {
font-family: 'Georgia', Times New Roman, Times, serif;
font-size: 16px;
color: #333;
text-align:left;
padding-left:100px;
}
.wall_update 
{
	float: right;
	background-color: #C00;
	color: white;
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	width: 80px;
}

.plain-menu {
        float: left;
        width: 80px;
        padding: 5px;
        font-weight: bold;
        background-color: #FFFF99;
        text-align: center;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        margin-right: 5px;
}
.round-menu 
{
        float: left;
        min-width: 120px;
        padding: 5px;
        font-weight: bold;
        /*color:3CF;*/
        background-color: #3CF;
        /*background-color: #fff;*/
        text-align: center;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        margin-right: 5px;
        padding-left: 7px;
        padding-right: 7px;
}
.fb-menu
{
        float: left;
        width: 130px;
        padding: 5px;
        font-weight: bold;
        background-color: #3B5998;
        /*background-color: #fff;*/
        /*color:#3B5998;*/
        text-align: center;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        margin-right: 5px;
}
.tbr-menu 
{
	float: left;
	width: 120px;
	padding: 5px;
	font-weight: bold;
	background-color: #2C4762;
	/*background-color: #fff;*/
	/*color:#2C4762;*/
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-right: 5px;
}


/* Redes Sociales */
/* Estilo para los Titulos de los ABM */

.small
{
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.dvtCellLabel, .cellLabel
{
    background: #F7F7F7 url('img/testsidebar.jpg') repeat-y scroll 100% 50%;
    border-left: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    color: #545454;
    padding-left: 50px;
    padding-right: 50px;
    white-space: nowrap;
    height: 35px;
}
.detailedViewTextBoxOn
{
    background-color: #FFD;
    border: 1px solid #BABABA;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 5px;
    width: 98%;
}

.detailedViewTextBox
{
    background-color: white;
    border: 1px solid #BABABA;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 5px;
    width: 98%;
}
.dvtCellInfo, .cellInfo
{
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
}
.detailedViewHeader
{
    background: #DDDCDD url('img/inner.gif') repeat-x 50% 100%;
    border: 1px solid #DDD;
    color: black;
    padding: 12px;
}

/*  Estilos para los botones de los ABM */

.save
{
    background-color: #EEEEEE;
    /*background-image: url('img/buttongreen.png');*/
    color: #333333;
    font-weight: bold;
}
.cancel
{
    background-color:#EEEEEE;
    /*background-image: url('img/buttonorange.png');*/
    color: #333333;
    font-weight: bold;
}

/* CSS para los mensajes de los limites de caraccteres */

#error{
    background: #fffddc url(img/aviso.png) no-repeat 10px;
    margin-top:8px;
    padding: 7px 10px 7px 37px;
    border: 1px solid #f0ea8b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size:10px;
    display:none;
}


/* Publicacion Twitter */


ul.timeline
{
    list-style:none;
    font-size:1.2em;
    /*list-style-type: none;*/
    display: block;
}
ul.timeline li
{
    position: relative;
    word-wrap: break-word;
    min-height: 60px;
    padding-bottom: 8px;
    padding-top: 8px;
    /*padding:.7em 0 .6em 0;*/
    /*border-bottom:1px dashed #000;*/
    line-height:1.1em;
    /*background-color:#D3E7F5;*/
    background-color: #ffffff;
}
ul.timeline li:first-child
{
    /*border-top:1px dashed #000;*/
}

/* Css para las Publicaciones */

.egg_Pic
{
    left: 0;
    padding: 3px;
    /*float: left;*/
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 3px;
    background-color:#EEEEEE; /*#FC0;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 10px;
}
.egg_Body
{
    border-top: 1px solid #EEE;
    color: gray;
    padding-left: 70px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.UIStory_Hide
{
    display: block;
    float: right;
    margin-top: -2px, padding:4px;
}
.egg_Message
{
    font-size: 14px !important;
    font-weight: normal;
    overflow: hidden;
    padding: 2px;
}
.delbutton
{
    font-size: 12;
}
.egg_Name
{
    color:#333;
    font-weight: bold;
}
.more
{
    color:#333333;
}
#morebutton
{
    background: #EEEEEE;
    color:#333333;
    font-size: 14px;
    height: 25px;
    font-weight: bold;
    width: 100%;
    /*float: left;*/
    padding: 5px;
    /*border: black solid 1px;*/
    margin: 10px;
}

h1, h2, h3, h4, h5
{
    font-size: 13px;
    color: #333;
    margin: 0;
    padding: 0;
}

/*  CSS para mostrar las Lista de Empresas y Contactos cuandos se seleccione
    mailing
*/
.mostrarocultar
{
  display:none;  
}
